<ion-view id="view-tabs-contacts">
  <!-- 顶部的按钮  左文字-->
  <ion-nav-buttons side="primary">
    <button class="button button-icon button-small">微信</button>
  </ion-nav-buttons>
  <!-- 顶部的按钮  右加号搜索-->
  <ion-nav-buttons side="secondary">
    <button class="button button-icon button-small icon ion-search"></button>      
    <button class="button button-icon button-small icon ion-plus-round" ng-click="openPopover($event)"></button>
  </ion-nav-buttons>
  <!-- 页面内容 -->
  <ion-content class="padding">
    <div class="list">
      <a class="item item-icon-left" href="">
        <i class="icon ion-person-add"></i>
        新的朋友
      </a>
      <a class="item item-icon-left" href="">
        <i class="icon ion-person-stalker"></i>
        群聊
      </a>
      <a class="item item-icon-left" href="">
        <i class="icon ion-ios-pricetag"></i>
        标签
      </a>
      <a class="item item-icon-left" href="">
        <i class="icon ion-android-checkmark-circle"></i>
        公众号
      </a>
      <div class="item item-divider">
        A
      </div>
      <a class="item item-avatar">
        <img src="img/11.jpg">
        <h2>A.A人生若只如初见</h2>
      </a>
      <a class="item item-avatar">
        <img src="img/12.jpg">
        <h2>A.M</h2>
      </a>
      <div class="item item-divider">
        B
      </div>
      <a class="item item-avatar">
        <img src="img/13.jpg">
        <h2>白小白</h2>
      </a>
      <a class="item item-avatar">
        <img src="img/14.jpg">
        <h2>白次</h2>
      </a>
      <div class="item item-divider">
        C
      </div>
      <a class="item item-avatar">
        <img src="img/15.jpg">
        <h2>Chen家菇凉</h2>
      </a>
      <a class="item item-avatar">
        <img src="img/16.jpg">
        <h2>超级无敌大傻逼</h2>
      </a>
      <a class="item item-avatar">
        <img src="img/17.jpg">
        <h2>次次</h2>
      </a>
      <div class="item item-divider">
        D
      </div>
      <a class="item item-avatar">
        <img src="img/1.jpg">
        <h2>对方正在输入...</h2>
      </a>
      <a class="item item-avatar">
        <img src="img/2.jpg">
        <h2>动次打次动动打次</h2>
      </a>
      <div class="item item-divider">
        .............
      </div>
      <div class="item item-divider">
        X
      </div>
      <a class="item item-avatar">
        <img src="img/3.jpg">
        <h2>小智障</h2>
      </a>
    </div>
  </ion-content>
</ion-view>

